<template>
  <div class="loading">
    <Loading v-show="loadingMask" class="loading-mask"></Loading>
  </div>
</template>
<script setup>
import { storeToRefs } from 'pinia'
import { useDialogStore } from '@/store/dialog'
import Loading from '@/components/common/Loading.vue'

const dialogStore = useDialogStore()
const { loadingMask } = storeToRefs(dialogStore)
</script>
<style scoped lang="scss">
.loading {
  display: flex;
  justify-content: center;
  align-items: center;

  .loading-mask {
    position: absolute;
    top: 0;
    background-color: #181925;
    opacity: 0.8;
    z-index: 3002;
  }
}
</style>
